<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <!--  <link rel="stylesheet" type="text/css" href="../res/static/css/main.css">-->
  <link rel="stylesheet" type="text/css" th:href="@{/css/index/main.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/css/layui.css}">
  <!--  <link rel="stylesheet" type="text/css" href="../res/layui/css/layui.css">-->
  <script type="text/javascript" th:src="@{/js/layui.js}"></script>
  <!--  <script type="text/javascript" src="../res/layui/layui.js"></script>-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <script src="js/jquery.min.js"></script>
</head>
<body id="list-cont">
<div class="site-nav-bg" >
  <div class="site-nav w1200">
    <p class="sn-back-home">
      <i class="layui-icon layui-icon-home"></i>
      <a href="index.html">首页</a>
    </p>
    <div class="sn-quick-menu">

      <div class="login"><a href="login.html">登录</a></div>
      <div class="sp-cart"><a href="shopCar.html">购物车</a><span>2</span></div>
      <div class="sp-cart"><a th:href="@{/gocart}">购物车</a><span>2</span></div>
    </div>
  </div>
</div>


<div class="header">
  <div class="headerLayout w1200">
    <div class="headerCon">
      <h1 class="mallLogo">
        <a href="#" title="母婴商城">
          <img th:src="@{/images/indexImg/title.png}">
        </a>
      </h1>
      <div class="mallSearch">
        <form action="" class="layui-form" novalidate>
          <input type="text" name="title" required  lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
          <button class="layui-btn" lay-submit lay-filter="formDemo">
            <i class="layui-icon layui-icon-search"></i>
          </button>
          <input type="hidden" name="" value="">
        </form>
      </div>
    </div>
  </div>
</div>


<div class="content">
  <div class="main-nav">
    <div class="inner-cont0">
      <div class="inner-cont1 w1200">
        <div class="inner-cont2">
          <a href="details.html" class="active">所有商品</a>
          <a href="buytoday.html">今日团购</a>
          <a href="information.html">母婴资讯</a>
          <a href="about.html">关于我们</a>
        </div>
      </div>
    </div>
  </div>
  <div class="category-con">
    <div class="category-inner-con w1200">
      <div class="category-type">
        <h3>全部分类</h3>
      </div>
      <div class="category-tab-content">
        <div class="nav-con">
          <ul class="normal-nav layui-clear">
            <li class="nav-item">
              <div class="title" >食品饮料</div>
              <p><a th:href="@{/goBuy}" onclick="submit(this.id)"  id="薯片">薯片</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="牛奶" >牛奶</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="可口可乐">可口可乐</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item">
              <div class="title">夏日专卖</div>
              <p><a th:href="@{/goBuy}" onclick="submit(this.id)" id="冰粉">冰粉</a><a id="凉虾" th:href="@{/goBuy}" onclick="submit(this.id)">凉虾</a><a id="冰镇饮料" th:href="@{/goBuy}" onclick="submit(this.id)">冰镇饮料</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item">
              <div class="title">家居清洁</div>
              <p><a th:href="@{/goBuy}" onclick="submit(this.id)" id="纸巾">纸巾</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="蓝月亮洗衣液">蓝月亮洗衣液</a><a th:href="@{/goBuy}" id="洗手液"  onclick="submit(this.id)">洗手液</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item">
              <div class="title">粮油副食</div>
              <p><a th:href="@{/goBuy}" onclick="submit(this.id)" id="食用油">食用油</a><a th:href="@{/goBuy}" id="酱油" onclick="submit(this.id)">酱油</a><a th:href="@{/goBuy}" onclick="submit(this.id)"></a><a id="老干妈" th:href="@{/goBuy}" onclick="submit(this.id)">老干妈</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item">
              <div class="title">中外名酒</div>
              <p><a th:href="@{/goBuy}" id="精酿啤酒" onclick="submit(this.id)">精酿啤酒</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="红酒">红酒</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="白兰地">白兰地</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item">
              <div class="title">个人护理</div>
              <p><a th:href="@{/goBuy}" id="沐浴露" onclick="submit(this.id)">沐浴露</a><a th:href="@{/goBuy}" id="香皂" onclick="submit(this.id)">香皂</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="护发素">护发素</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item">
              <div class="title">夏日生鲜</div>
              <p><a th:href="@{/goBuy}" onclick="submit(this.id)" id="小龙虾">小龙虾</a><a id="橙子" th:href="@{/goBuy}" onclick="submit(this.id)">橙子</a><a th:href="@{/goBuy}" id="蓝莓" onclick="submit(this.id)">蓝莓</a><a id="西瓜" th:href="@{/goBuy}" onclick="submit(this.id)">西瓜</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
            <li class="nav-item nobor">
              <div class="title">护肤美妆</div>
              <p><a th:href="@{/goBuy}" onclick="submit(this.id)" id="口红">口红</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="粉底液">粉底液</a><a th:href="@{/goBuy}" onclick="submit(this.id)" id="身体乳">身体乳</a></p>
              <i class="layui-icon layui-icon-right"></i>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="category-banner">
      <div class="w1200">
        <img src="/images/img/banner1.png">
      </div>
    </div>
  </div>
  <div class="floors">
    <div class="sk">
      <div class="sk_inner w1200">
        <div class="sk_hd">
          <a href="javascript:;">
            <!--              <img src="../res/static/img/s_img1.jpg">-->
            <img th:src="@{/images/img/s_img1.jpg}">
          </a>
        </div>
        <div class="sk_bd">
          <div class="layui-carousel" id="test1">
            <div carousel-item>
              <div class="item-box">
                <div class="item">
                  <a href="javascript:;"><img th:src="@{/images/img/s_img2.jpg}"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img3.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img4.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img5.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
              </div>
              <div class="item-box">
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img2.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img3.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img4.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
                <div class="item">
                  <a href="javascript:;"><img src="/images/img/s_img5.jpg"></a>
                  <div class="title">宝宝五彩袜棉质舒服</div>
                  <div class="price">
                    <span>￥49.00</span>
                    <del>￥99.00</del>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>






  <div class="hot-recommend-con">
    <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
    <div class="hot-con1 w1200 layui-clear">
      <div class="item">
        <h4>热销推荐</h4>
        <div class="big-img">
          <a href="javascript:;"><img src="/images/img/hot1.png"></a>
        </div>
        <div class="small-img">
          <a href="javascript:;"><img src="/images/img/hot2.png" alt=""></a>
        </div>
      </div>
      <div class="item">
        <div class="top-img">
          <a href="javascript:;"><img src="/images/img/hot5.jpg"></a>
        </div>
        <div class="bottom-img">
          <a href="javascript:;"><img src="/images/img/hot6.jpg"></a>
          <a class="baby-cream" href="javascript:;"><img src="/images/img/hot7.jpg"></a>
        </div>
      </div>
      <div class="item item1 margin0 padding0">
        <a href="javascript:;"><img src="/images/img/hot8.jpg"></a>
        <a href="javascript:;"><img class="btm-img" src="/images/img/hot9.jpg"></a>
      </div>
    </div>
  </div>



  <div class="product-cont w1200" id="product-cont">
    <div class="product-item product-item1 layui-clear">
      <div class="left-title">
        <h4><i>1F</i></h4>
        <img src="/images/img/icon_gou.png">
        <h5>宝宝服饰</h5>
      </div>
      <div class="right-cont">
        <a href="javascript:;" class="top-img"><img src="/images/img/img12.jpg" alt=""></a>
        <div class="img-box">
          <a href="javascript:;"><img src="/images/img/s_img7.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img8.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img9.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img10.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img11.jpg"></a>
        </div>
      </div>
    </div>
    <div class="product-item product-item2 layui-clear">
      <div class="left-title">
        <h4><i>2F</i></h4>
        <img src="/images/img/icon_gou.png">
        <h5>奶粉辅食</h5>
      </div>
      <div class="right-cont">
        <a href="javascript:;" class="top-img"><img src="/images/img/img12.jpg" alt=""></a>
        <div class="img-box">
          <a href="javascript:;"><img src="/images/img/s_img7.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img8.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img9.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img10.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img11.jpg"></a>
        </div>
      </div>
    </div>
    <div class="product-item product-item3 layui-clear">
      <div class="left-title">
        <h4><i>3F</i></h4>
        <img src="/images/img/icon_gou.png">
        <h5>宝宝用品</h5>
      </div>
      <div class="right-cont">
        <a href="javascript:;" class="top-img"><img src="/images/img/img12.jpg" alt=""></a>
        <div class="img-box">
          <a href="javascript:;"><img src="/images/img/s_img7.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img8.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img9.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img10.jpg"></a>
          <a href="javascript:;"><img src="/images/img/s_img11.jpg"></a>
        </div>
      </div>
    </div>
  </div>

  <div class="product-list-box" id="product-list-box">
    <div class="product-list-cont w1200">
      <h4>更多推荐</h4>
      <div class="product-item-box layui-clear">
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more1.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more2.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
        <div class="list-item">
          <a href="javascript:;"><img src="/images/img/more3.jpg"></a>
          <p>时尚宝宝小黄鸭T恤纯棉耐脏多色可选0-2岁宝宝</p>
          <span>￥100.00</span>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="footer">
  <div class="ng-promise-box">
    <div class="ng-promise w1200">
      <p class="text">
        <a class="icon1" href="javascript:;">7天无理由退换货</a>
        <a class="icon2" href="javascript:;">满99元全场免邮</a>
        <a class="icon3" style="margin-right: 0" href="javascript:;">100%品质保证</a>
      </p>
    </div>
  </div>
  <div class="mod_help w1200">
    <p>
      <a href="javascript:;">关于我们</a>
      <span>|</span>
      <a href="javascript:;">帮助中心</a>
      <span>|</span>
      <a href="javascript:;">售后服务</a>
      <span>|</span>
      <a href="javascript:;">母婴资讯</a>
      <span>|</span>
      <a href="javascript:;">关于货源</a>
    </p>
    <p class="coty">母婴商城版权所有 &copy; 2012-2020 More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
  </div>
</div>
<script type="text/javascript">

  layui.config({
    base: '../res/static/js/util/' //你存放新模块的目录，注意，不是layui的模块目录
  }).use(['mm','carousel'],function(){
    var carousel = layui.carousel,
            mm = layui.mm;
    var option = {
      elem: '#test1'
      ,width: '100%' //设置容器宽度
      ,arrow: 'always'
      ,height:'298'
      ,indicator:'none'
    }
    carousel.render(option);
    // 模版引擎导入
    // var ins = carousel.render(option);
    // var html = demo.innerHTML;
    // var listCont = document.getElementById('list-cont');
    // // console.log(layui.router("#/about.html"))
    //  mm.request({
    //    url: '../json/index.json',
    //    success : function(res){
    //      console.log(res)
    //      listCont.innerHTML = mm.renderHtml(html,res)
    //      ins.reload(option);
    //    },
    //    error: function(res){
    //      console.log(res);
    //    }
    //  })


  });
</script>
<script src="js/index.js"></script>
</body>
</html>